<template>
  <div class="tuan">
    <div class="top">
      <span @click="goT1" :v-model="currentIndex">正在抢购</span>
      <span @click="goT2">上新预告</span>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>


export default {
  data() {
    return {
      currentIndex:0,
      
    }
  },

 methods:{
  goT1(){
      this.$router.push("/Tuan1")
  },
  goT2(){
     this.$router.push("/Tuan2")
  }
  }
 }

</script>

<style lang="scss" scoped>
.tuan {
  .top {
    height: 12.2222rem;
    background-color: orangered;
    position: relative;
    span:nth-child(1) {
      display: block;
      position: absolute;
      bottom: 1.1111rem;
      left: .2778rem;
      margin: .5556rem .8333rem;
      color: #fff;
      padding-bottom: .2778rem;
      
    }
    span:nth-child(2) {
      display: block;
      position: absolute;
      bottom: 1.1111rem;
      left: 4.4444rem;
      margin: .5556rem .8333rem;
      color: #fff;
      padding-bottom: .2778rem;
    }

  }
  
  }
  

</style>